{% extends "layout.html" %}

{% block title %}Création d'une ligne mobile{% endblock %}

{% block content %} 
<script type="text/javascript"> if (window.jQuery == undefined) document.write( unescape('%3Cscript src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"%3E%3C/script%3E') );</script> 
<script src="js/vendor/jquery.validate.js"></script> 
<script>
//if (jQuery) { alert("jQuery loaded"); }
$.validator.setDefaults({
	submitHandler: function() {  
	//alert("envoyé!");
	submit();
	}
});
jQuery.validator.addMethod("numero_tel", function(value, element) {
        // test du numéro
        return /^33\d\d\d\d\d\d\d\d\d$/i.test(value);
    }, 'Veuillez saisir le numéro de téléphone dans le format suivant : <i>33123456789</i>');

jQuery.validator.addMethod("format_date", function(value, element) {
        // test du numéro
	return /^\d\d?\/\d\d?\/\d\d\d\d$/i.test(value);
    }, 'Format jj/mm/aaaa');	

jQuery.validator.addMethod("alphanumerique", function(value, element) {
	return this.optional(element) || /^[a-z0-9\-\_\s]+$/i.test(value);
}, "Pas de caractères spéciaux.");	

$().ready(function() {
	
	// validation du formulaire par keyup et submit
	$("#form").validate({
		rules: {
			engagement: {
				required: true
			}
		},
		messages: {
			engagement: {
				required: "Champ obligatoire",
			}

		}
	});
});

// choix des options suivant forfait
$(function() {
	$('#abonnement_adsl').bind('change', function(ev) {

		var value = $(this).val();
		
		//$.ajax({
		//type: "GET",
		//url: "liste-options-fixe",
		//data: "test=ok&id_forfait="+value+"&id={{ligneCommande.id}}&commande={{commande.id}}&type=vga",
		//error:function(msg){
		// alert( "Error !: " + msg );
		//},
		//success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
		//	$('#contenu_options_ajax_vga').html(data);}
	 	//});
		
		//Affichage du prix
		var engagement = $('input[name="engagement"]:checked').val();
		$.ajax({
		type: "GET",
		url: "affiche-prix",
		data: "id_forfait="+value+"&engagement="+engagement+"&type=fixe&adsl=oui",
		error:function(msg){
		 alert( "Error !: " + msg );
		},
		success:function(data){
			//affiche le contenu du fichier dans le conteneur dédié
			$('#contenu_prix_ajax_adsl').html(data);}
	 	});
 	});
});
</script>
<form method="post" class="form-horizontal" name="form" id="form">
  <fieldset>
    <legend>Création d'une ligne Internet</legend>
    <div class="control-group">
      <label class="control-label" for="id_commande">Numéro de commande</label>
      <div class="controls">
        <input name="id_commande" type="text" class="uneditable-input" value="{{commande.id}}"/>
      </div>
    </div>
  </fieldset>
  <fieldset>
    <legend>Coordonnées d'installation</legend>
    <!-- Première colonne -->
    <div class="span5">
      <div class="control-group">
        <label class="control-label" for="raison_social">Raison social</label>
        <div class="controls">
          <input name="raison_social" type="text" value="{{ligneCommande.raison_social}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="siret">Siret</label>
        <div class="controls">
          <input name="siret" type="text" value="{{ligneCommande.siret}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="ape">Code APE</label>
        <div class="controls">
          <input name="ape" type="text" value="{{ligneCommande.ape}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="adresse">Adresse</label>
        <div class="controls">
          <input name="adresse" type="text" value="{{ligneCommande.adresse}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="cp">Code postale</label>
        <div class="controls">
          <input name="cp" type="text" value="{{ligneCommande.cp}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="ville">Ville</label>
        <div class="controls">
          <input name="ville" type="text" value="{{ligneCommande.ville}}"/>
        </div>
      </div>
    </div>
    <div class="span6">
      <div class="control-group">
        <label class="control-label" for="batiment">Batiment</label>
        <div class="controls">
          <input name="batiment" type="text" value="{{ligneCommande.batiment}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="escalier">Escalier</label>
        <div class="controls">
          <input name="escalier" type="text" value="{{ligneCommande.escalier}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="etage">Etage</label>
        <div class="controls">
          <input name="etage" type="text" value="{{ligneCommande.etage}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="porte">Porte</label>
        <div class="controls">
          <input name="porte" type="text" value="{{ligneCommande.porte}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="corespondant">Corespondant sur site</label>
        <div class="controls">
          <input name="corespondant" type="text" value="{{ligneCommande.corespondant}}"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="telephone">Téléphone du corespondant</label>
        <div class="controls">
          <input name="telephone" type="text" value="{{LigneCommande.telephone}}"/>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset>
    <legend>Engagement</legend>
    <div class="row-fluid"> {% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}
      <div class="span2">
        <label class="radio">
          <input type="radio" name="engagement" id="engagement" value="0" {% if ligneCommande.engagement == "0" %}checked{% endif %}>
          Sans Engagement </label>
      </div>
      <div class="span2">
        <label class="radio">
          <input type="radio" name="engagement" id="engagement" value="12" {% if ligneCommande.engagement == "12" %}checked{% endif %}>
          12 mois </label>
      </div>
      <div class="span2">
        <label class="radio">
          <input type="radio" name="engagement" id="engagement" value="24" {% if ligneCommande.engagement == "24" %}checked{% endif %}>
          24 mois </label>
      </div>
      <div class="span2">
        <label class="radio">
          <input type="radio" name="engagement" id="engagement" value="36" {% if ligneCommande.engagement == "36" %}checked{% endif %}>
          36 mois </label>
      </div>
      <div class="span2">
        <label class="radio">
          <input type="radio" name="engagement" id="engagement" value="48" {% if ligneCommande.engagement == "48" %}checked{% endif %}>
          48 mois </label>
      </div>
      {% else %}
      {% if ligneCommande.engagement == "0" %}
      Sans Engagement
      {% else %}
      {{ligneCommande.engagement}} mois
      {% endif %}
      {% endif %} </div>
  </fieldset>
  <fieldset>
    <legend>Abonnement Internet</legend>
    <div class="control-group">
      <label class="control-label" for="ndi">NDI</label>
      <div class="controls">
        <input name="ndi" type="text" value="{% if ligneCommande.type_offre == "xdsl" %}{{ligneCommande.ndi}}{% endif %}"/>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="abonnement_vga">Offre principale</label>
      <div class="controls">
        <select name="abonnement_adsl" id="abonnement_adsl" size="1" class="span6">
          
					{% for offre_adsl in offres_adsl %}
					  
          <option value="{{offre_adsl.id}}" {% if ligneCommande.offre == offre_adsl.id and ligneCommande.type_offre == "xdsl" %} selected {% endif %}>
          {{offre_adsl.nom}}
          </option>
          
					 {% endfor %}
				
        </select>
        <div id="contenu_prix_ajax_adsl">
		</div>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="quantite">Quantité</label>
      <div class="controls">
        <input name="quantite" type="text" value="{% if ligneCommande.nbr_offre != "" and ligneCommande.type_offre == "xdsl" %}{{ligneCommande.nbr_offre}}{% endif %}"/>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="login_xdsl">Login</label>
      <div class="controls">
        <input name="login_xdsl" type="text" value="{% if ligneCommande.login_xdsl != "" and ligneCommande.type_offre == "xdsl" %}{{ligneCommande.login_xdsl}}{% endif %}"/>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="password_xdsl">Mot de passe</label>
      <div class="controls">
        <input name="password_xdsl" type="text" value="{% if ligneCommande.password_xdsl != "" and ligneCommande.type_offre == "xdsl" %}{{ligneCommande.password_xdsl}}{% endif %}"/>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="adresse_ip_xdsl">Adresse Ip</label>
      <div class="controls">
        <input name="adresse_ip_xdsl" type="text" value="{% if ligneCommande.adresse_ip_xdsl != "" and ligneCommande.type_offre == "xdsl" %}{{ligneCommande.adresse_ip_xdsl}}{% endif %}"/>
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="port">Port</label>
      <div class="controls">
        <input name="port" type="text" value="{% if ligneCommande.port != "" and ligneCommande.type_offre == "xdsl" %}{{ligneCommande.port}}{% endif %}"/>
      </div>
    </div>
  </fieldset>
  <fieldset>
    <legend>Condition particulières tarifaires</legend>
    <div class="control-group">
      <label class="control-label" for="identifiant_adv">Identifiant ADV</label>
      <div class="controls">
        <input name="identifiant_adv" type="text" value="{{ligneCommande.identifiant_adv}}" placeholder="numero d'adhérent"/>
      </div>
    </div>
    
    <div class="span5">
    <strong>Réduction </strong>
      <div class="control-group">
        <label class="control-label" for="abonnement">Abonnement</label>
        <div class="controls">
          <input name="abonnement" type="text" value="{{ligneCommande.abonnement}}" placeholder="%"/>
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="grille_tarifaire">Grille tarifaire de vente</label>
        <div class="controls">
          <select name="grille_tarifaire" size="1">
            <option value="">Selectionnez...</option>
            <option value="tarif_1"{% if ligneCommande.grille_tarifaire == "tarif_1" %}selected{% endif %}>Tarif 1</option>
            <option value="tarif_2"{% if ligneCommande.grille_tarifaire == "tarif_2" %}selected{% endif %}>Tarif 2</option>
            <option value="tarif_3"{% if ligneCommande.grille_tarifaire == "tarif_3" %}selected{% endif %}>Tarif 3</option>
            <option value="tarif_4"{% if ligneCommande.grille_tarifaire == "tarif_4" %}selected{% endif %}>Tarif 4</option>
            <option value="tarif_5"{% if ligneCommande.grille_tarifaire == "tarif_5" %}selected{% endif %}>Tarif 5</option>
            <option></option>
          </select>
        </div>
      </div>
    </div>
  </fieldset>
  <fieldset>
    <legend>Equipement</legend>
    {% for equipement in equipement %}
    {{equipement.libelle}} - Quantité:
    <input type="text" name="equipement_q[]" value="{% for materiel in materiel %}{% if materiel.equipement == equipement.libelle %}{{materiel.quantite}}{% endif %}{% endfor %}"/>
    <input type="hidden" name="equipement_id[]" value="{{equipement.id}}"/>
    <br />
    {% endfor %}
  </fieldset>
  <fieldset>
    <legend>Durée de financement</legend>
    <div class="row-fluid">
      <input type="text" name="duree_financement" value="{% if materiel|length > 0 %}{{ materiel.0.duree_financement }}{% endif %}"/> mois 
  </div> 
  </fieldset>
  {% if commande.statut == "en cours" or ligneCommande.duplicate == 'oui'%}
  <div class="row">
    <div class="span12">
      <div class="form-actions"> <span>Action après validation</span> <br/>
        <select name="next">
          <option value="creation-commande">Retour à la commande</option>
          <option value="ajout-ligne-mobile">Ajouter une nouvelle ligne</option>
          
            {% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
			
          <option value="dupliquer-ligne">Dupliquer cette ligne</option>
          
            {% endif %}
			
          <option value="liste-client">Afficher la liste des clients</option>
        </select>
        <br/>
        <br/>
        {% if ligneCommande.id is empty or ligneCommande.duplicate == 'oui' %}
        <button type="submit" class="btn btn-primary" name="action" value="create">Ajouter</button>
        {% else %}
        <button type="submit" class="btn btn-primary" name="action" value="update">Mettre à jour</button>
        {% endif %} 
        </div>
    </div>
  </div>
  {% endif %}
   

</form>
{% endblock %}